{% extends 'news/base_login.html' %}
{% load static %}
{% block title %}发布内容{% endblock %}
{% block css %}
<link rel="stylesheet" href="{% static 'news/css/pub_content.css' %}">
<link rel="stylesheet" href="{% static 'news/css/cropper.min.css' %}">
<link rel="stylesheet" href="{% static 'news/css/ImgCropping.css' %}">
{% endblock %}
{% block content %}
<div style="width:1280px; height:52px; top: 12px; left: 150px; border: 1px solid rgba(96,96,96,0.5); position: relative">
    <div style="display:inline; width:5px; height:50px; background:black; border: 1px solid black; position: absolute"></div>
    <div style="display:inline; top: 23px; left: 17px; background:black; border: 3px solid black; position: absolute"></div>
    <div style="display:inline; top: 15px; left: 28px; position: absolute">发布内容</div>
</div>
<div class="form2">
    <form action="{% url 'bbc/publish_content' %}" enctype="multipart/form-data" method="post" style="text_align: left">
        {% csrf_token %}
        <div>
            <label for="{{ form.title.id_for_label }}" class="title_label">内容名称：</label>
            <input type="text" name="" class="author2">
            <!--{{ form.title }}-->
        </div>
        <div>
            <span class="category">类型:</span>
            <label for="radio1" class="radio checked">新闻<input type="radio" name="category" id="radio1" value="1"></label>
            <label for="radio2" class="radio">政策<input type="radio" name="category" id="radio2" value="2"></label>
            <label for="radio3" class="radio">行情<input type="radio" name="category" id="radio3" value="3"></label>
            <label for="radio4" class="radio">技术<input type="radio" name="category" id="radio4" value="4"></label>
        </div>
        <div>
            <label for="author" class="author">作者:</label>
            <input type="text" name="author" class="author1">
            <label for="{{ form.source.id_for_label }}" class="source_label">来源：</label>
            <input type="text" name="author" class="author1">
            <!--{{ form.source}}-->
        </div>
        <div>
            <label for="{{ form.abstract.id_for_label }}" class="abstract_label">摘要：</label>
            <input type="text" name="author" class="author2">
            <!--{{ form.abstract}}-->
        </div>
        <div>
            <label for="{{ form.images.id_for_label }" class="fengmianneirong">内容封面：</label>
            <input type="text" name="author" class="author3">图片大小不得大于3MB
            <!--{{ form.images }}-->
            <!--<img src="{% static 'news/images/1.jpg' %}">-->
        </div>
        <span class="content">稿件内容:</span>
        <div id="content">
            <textarea name="content"></textarea>
        </div>
        <div>
            <input type="submit" value="发布" class="fb">
        </div>
    </form>
    <div style="display: none" class="tailoring-container">
            <div class="black-cloth" onclick="closeTailor(this)"></div>
            <div class="tailoring-content">
                    <div class="tailoring-content-one">
                        <label title="上传图片" for="chooseImg" class="l-btn choose-btn">
                            选择图片
                        </label>
                        <div class="close-tailoring"  onclick="closeTailor(this)">×</div>
                    </div>
                    <div class="tailoring-content-two">
                        <div class="tailoring-box-parcel">
                            <img id="tailoringImg">
                        </div>
                        <div class="preview-box-parcel">
                            <p>图片预览：</p>
                            <div class="square previewImg"></div>
                            <div class="circular previewImg"></div>
                        </div>
                    </div>
                    <div class="tailoring-content-three">
                        <button class="l-btn cropper-reset-btn">复位</button>
                        <button class="l-btn cropper-rotate-btn">旋转</button>
                        <button class="l-btn cropper-scaleX-btn">换向</button>
                        <button class="l-btn sureCut" id="sureCut">确定</button>
                    </div>
                </div>
        </div>
</div>
{% endblock %}
{% block js %}
<script type="text/javascript" src="{% static 'news/js/tiny_mce.js' %}"></script>
<script src="{% static 'news/js/cropper.min.js' %}"></script>


</script>
{% endblock %}